<!DOCTYPE HTML>
<html lang="en">
<head>
    <title>Extravagant.io - DEMO : Pattern Lock Web Entry</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="img/favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon"/>
    <meta name="description" content="Your description">
    <meta name="keywords" content="Your keywords">
    <meta name="author" content="Your name">
    <link rel="stylesheet" href="css/bootstrap.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
    <script type="text/javascript" src="js/include_script.js"></script>
    <meta name="viewport" content="width=320, user-scalable=no, initial-scale=1.0, maximum-scale=1.0"/>
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <link href="css/ie.css" rel="stylesheet" type="text/css">
    <![endif]-->
</head>
<body>
<!--content wrapper-->
<div id="wrapper">
    <section>
        <div class="dynamicContent">
            <div class="row mar_b_6" id="competition_crushers_padding" style="background: url('img/splash_plane.png') repeat; margin-left: 0;">
                <div class="span4" id="competition_crushers_box">
                    <h2> Pattern Lock <br>
                        Web Entry</h2>
                    <p class="p7">
                        <br>
                        &#8226; Mobile Offer Landing Pages<br>
                        <br>
                        <br>
                        &#8226; Interactive Landing Pages<br>
                        <br>
                        <br>
                        &#8226; Smart Reactive Lead Forms<br>
                        <br>
                        <br>
                        &#8226; Next-Gen Web Presentations<br>
                        <br>
                        <br>
                        &#8226; Innovative Online Proposals<br>
                        <br>
                </div>
                <div class="span8" id="overview">
                    <h2>The Demo</h2>
                    <p class="p1">
                    <div id="content">
                        <form method="post" onsubmit="return submitform()">
                            <table id="container">
                                <tr>
                                    <td>
                                        <h4><div id="message">Draw any pattern and click "Set Pattern"</div></h4>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="inputcontainer">
                                            <input style="display:none;" type="password" id="password" name="password" class="patternlock" />
                                            <input class="patternbtn btn" type="submit" value="login"/>
                                            <input class="patternbtn btn" id="setButton" type="button" value="Set Pattern" onClick = "setPattern();"/>
                                            <input class="patternbtn btn" id="checkButton" style="display:none;" type="button" value="Unlock" onClick = "checkPattern();"/>
                                            <input class="patternbtn btn" id="resetButton" style="float:right;" type="button" value="Reset Pattern" onClick = "resetPattern();"/>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>

                                    </td>
                                </tr>
                            </table>
                        </form>
                    </div>
                </div>
            </div>
            <div class="bord3">
            </div>
        </div>
    </section>
</div>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="demo_patternlock/js/patternlock.js"></script>
</body>
</html>